<!DOCTYPE html>
<html>
  <head>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- Color theme for statusbar -->
    <meta name="theme-color" content="#2196f3">
    <!-- Your app title -->
    <title>帮我砍价！</title>
    <!-- Path to Framework7 Library CSS, Material Theme -->
    <link rel="stylesheet" href="/assets/umpmobile/framework7.ios.colors.min.css">
    <!-- Path to Framework7 color related styles, Material Theme -->
    <link rel="stylesheet" href="/assets/umpmobile/framework7.ios.min.css">
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" href="/assets/umpmobile/myapp.css">
	<script src="//g.alicdn.com/tmapp/tida2/2.0.129/??tida.js,monitor.js?appkey=23300843"></script>
  </head>
  <body>
    <!-- Views -->
   <div class="views">
      <div class="view view-main">
        <div class="pages">
          <div data-page="home" class="page navbar-fixed">
            <div class="page-content">
              <div class="card">
                <div class="card-header">以下砍价正在进行中:</div>
                <div class="card-content">
                  <div class="list-block media-list">
                    <ul>
					{foreach from=$cats item=item key=key}
                      <li class="item-content">
                        <div class="item-media"><img src="//lorempixel.com/88/88/fashion/4" width="44"></div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title"><a href="/?a=event&eid={$key}">{$item.name}：每邀请{$item.friend_num}个朋友砍价{$item.decrease_amount/100}元</a></div>
                          </div>
                          <div style="font-size:15px;color: #999999;">{$item.start_time|date_format:"%m月%d日"}-{$item.end_time|date_format:"%m月%d日"}</div>
                        </div>
                      </li>
				    {/foreach}
                    </ul>
                  </div>
                </div>
                <div class="card-footer"><span>January 20, 2015</span><span>5 comments</span></div>
              </div>
              <div class="card">
                <div class="card-content">
                  <div class="card-content-inner">活动须知</div>
                </div>
              </div>
			  <div class="content-block-title">朋友圈里的优惠商品：</div>
			  {foreach from=$goods item=item key=key}
				<div class="card demo-card-header-pic">
				  <div valign="bottom" ><img src="{$item.item.pic_url}" width="100%"/></div>
				  <div class="card-content">
					<div class="card-content-inner">
					  <p class="color-gray">优惠截止到：2015年12月21日</p>
					  <h2>{$item.item.title}</h2>
					  <p>{$item.item.recommend}...</p>
					</div>
				  </div>
				  <div class="card-footer row ">
					<div class="col-50">
						<del class="auxiliary-text item-title ">￥300元</del>
						<div class=""><span class="color-pink">5位朋友砍价后：</span>
						<h2 class="color-pink">￥100元 </h2>
						</div>
					</div>
				    <div class="col-50"><a href="#" class="button button-round color-pink">立即购买</a></div>
				  </div>
				  <p><a  href="#" data-popover=".popover-{$item.item.num_iid}" class="link my-open-popover button button-raised color-orange" >砍价</a></p>
						
				</div>
			  {/foreach}
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="/assets/umpmobile/framework7.min.js"></script>
    <!-- Path to your app js-->
    <script type="text/javascript" src="/assets/umpmobile/myapp.js"></script>
  </body>
</html> 